<div id='widget-education'>
    <form method="post">
        <ul>
            <li>
                <label>
                    School
                    <abbr title="Required">*</abbr>
                </label>

                <div>
                    <input type="text" maxlength="100" size="32" required/>
                </div>
            </li>
            <li>
                <label>Dates Attended</label>

                <div>
                    <select>
                        <option value selected="selected">-</option>
                        <?php
                        for ($year = 2014; $year > 1900; --$year) {
                            echo '<option value="' . $year . '">' . $year . '</option>';
                        }
                        ?>
                    </select>
                    -
                    <select>
                        <option value selected="selected">-</option>
                        <?php
                        for ($year = 2014; $year > 1900; --$year) {
                            echo '<option value="' . $year . '">' . $year . '</option>';
                        }
                        ?>
                    </select>
                    <span class="index_note">Or expected graduation year</span>
                </div>
            </li>
            <li>
                <label>Degree</label>

                <div>
                    <select id='select-degree'>
                        <option value selected="selected">-</option>
                        <option value="High School">High School</option>
                        ;
                    </select>
                </div>
            </li>
            <li>
                <label>
                    Field of Study
                </label>

                <div>
                    <input type="text" maxlength="100" size="32"/>
                </div>
            </li>
            <li>
                <label>
                    Grade
                </label>

                <div>
                    <input type="text" maxlength="100" size="32"/>
                </div>
            </li>
            <li>
                <label>
                    Activities and Societies
                </label>

                <div>
                    <textarea rows="3" cols="110"></textarea>
                </div>
                <div class="index_note">
                    Examples: Alpha Phi Omega, Chamber Chorale, Debate Team
                </div>
            </li>
            <li>
                <label>
                    Description
                </label>

                <div>
                    <textarea rows="6" cols="110"></textarea>
                </div>
            </li>
            <p>
                <input name="submit" type="submit" class="btn-primary" value="Save">
                <button class="btn-default">Cancel</button>
            </p>
        </ul>
    </form>
</div>